@charset "utf-8";
#banner img{display:block;max-width:100%}
#banner .swiper-pagination-bullet{width:40px;height:10px;border-radius:5px;opacity:1}
#banner .swiper-pagination-bullet-active{background: #253783;}
#banner .swiper-button-next, #banner .swiper-button-prev{display:none}
@media (max-width:768px){
	#banner .swiper-pagination{bottom:0px}
	#banner .swiper-pagination-bullet{width: 10px;}
	#banner .swiper-button-next, #banner .swiper-button-prev{display:block;width: 20px;height: 30px;background-size: 20px;margin-top: -15px;}
	#banner .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23253783'%2F%3E%3C%2Fsvg%3E")}
	#banner .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23253783'%2F%3E%3C%2Fsvg%3E")}
}


#product{margin:60px 0}
.category{width: 25%;}
.category-title{line-height:1.6}
.category-title:after{display:block;content:'';width: 40px;height:3px;background:#E85F01;margin-top:20px;}
.category-title i{display:none}
.category-title h2{font-weight:normal;font-size:28px}
.category-title span{font-weight:bold;color:#253783}
.category-title p{color:#666;font-size:18px}
.category-list{margin-top:35px}
.category-list li{margin-top: 13px;}
.category-list li a{display:block;position:relative;font-size:20px;border-bottom:1px solid transparent;}
.category-list li a:after{display:block;content:'';width:16px;height:16px;background:url(../images/icon-more.png);position:absolute;right:0;top:10px;opacity:0}
.category-list li a:hover{border-bottom:1px solid #253783;color:#2b2b2b}
.category-list li a:hover:after{opacity:1}
.category-more{display:inline-block;background:#253783;color:#fff;padding:4px 25px;border-radius:30px;margin-top:20px}
.category-more:hover{color:#fff;background:#E85F01}
.product-list{width:73%;align-items:baseline}
.product-list li{width:33.3%;box-sizing:border-box;padding:0 10px;margin-bottom:20px}
.product-list a{display:block;border:1px solid #656565;overflow:hidden}
.product-list .pro-img{position:relative;}
.product-list .pro-img img{display:block;max-width:100%;}
.product-list .pro-title{background:#656565;text-align:center;color:#fff;line-height:40px}
.product-list a:hover{border-color:#253783}
.product-list a:hover .pro-title{background:#253783}
@media (max-width:1200px){
	.category-title h2{font-size:24px}
	.category-title p{font-size:16px}
	.category-list li a{font-size:18px}
}
@media (max-width:1028px){
	.category{width: 230px;}
	.product-list{width:calc(100% - 250px)}
	.category-title h2{font-size:24px}
	.category-title p{font-size:16px}
	.category-list li{margin-top:22px}
	.category-list li a{font-size:16px}
}
@media (max-width:768px){
	#product{margin:20px 0}
	.category{width:100%;box-sizing:border-box;padding:0 10px}
	.category-title{background:#253783;color:#fff;padding-left:10px;line-height:40px;position:relative}
	.category-title h2{font-size:16px}
	.category-title span{color:#fff;font-weight:normal}
	.category-title p{display:none}
	.category-title i{display:block;width:39px;height:39px;position:absolute;right:0;top:0;background:url(../images/icon-jiantou.png) no-repeat center;transform:rotate(90deg);transition:0.5s all}
	.category-title.on i{transform:rotate(-90deg)}
	.category-title:after{display:none}
	.category-list{margin:0;background:#eee;display:none}
	.category-list li{margin:0}
	.category-list li a{line-height:33px;padding-left:10px;font-size:14px;border-bottom:1px solid #fff}
	.category-list li a:after{display:block;content:''}
	.product-list{width:100%;margin-top:10px}
	.product-list li{width:50%}
	.product-list li:last-child{
    display: none;
}
	.category-more{display:none}
	.product-list .pro-title{font-size:14px}
}

#section{background:url(../images/section-bg.jpg) no-repeat center;padding-top: 19px;}
#section .w1300{align-items:flex-end}
.sectionL{margin-right:50px}
.sectionL img{display:block;max-width:100%}
.sectionR{color:#fff;flex:1;max-width:800px}
.section-tit{font-size:26px;line-height:1}
.section-tit span{font-weight:bold;font-size:46px;margin-right:10px}
.section-desc{font-size:20px}
.section-phone{display:inline-block;margin:15px 0 40px}
.section-phone span:first-child{display:inline-block;vertical-align:middle;background:#E85F01;padding:2px 15px;border-radius:5px;margin-right:-10px;position:relative}
.section-phone span:last-child{display:inline-block;vertical-align:middle;border:1px solid;padding:0 10px 0 15px;font-size:25px;font-weight:bold;line-height:34px}
@media (max-width:1025px){
	.section-tit{font-size:20px}
	.section-tit span{font-size:36px}
	.section-desc{font-size:16px}
}
@media (max-width:890px){
	.sectionL{bottom:67%;right:0;margin-right:20px;width:45%}
	.section-desc{line-height:1.4;margin-top:10px;font-size: 14px;}
}
@media (max-width:650px){
	#section{background-position:right}
	#section .w1300{position:relative}
	.sectionL{position:absolute;display: none;}
	.sectionL img{transform:rotateY(180deg)}
	.section-tit{margin-top:20px}
	.section-phone{margin:10px 0 20px}
}

#about{margin:60px 0;position:relative}
#about:after{display:block;content:'';background:url(../images/about.jpg) no-repeat 0 0;position:absolute;width:48%;max-width:816px;height:100%;right:0;top:15px;border-radius:200px 0 0 0}
.aboutL{width:50%;position:relative}
.aboutL:before{display:block;content:'';width:83px;height:497px;position:absolute;left:-110px;background:url(../images/aboutL.png)}
.about-icon{display:block;width:25px;height:14px;background:url(../images/about-icon.png)}
.aboutL h1{margin-top:10px;font-size: 30px;}
.about-lc{margin:20px 0}
.about-lc li{font-size:14px;cursor: pointer;}
.about-lc i{width:65px;height:1px;background:url(../images/icon-xian.png);margin:20px 10px 0}
.about-lc li span{display:block;width:47px;height:41px;background:url(../images/icon-wubianxing.png);margin:0 auto}
.about-lc li p{text-align:center}
.about-lc li:hover p{color:#253783}
.about-lc li:hover span{background:url(../images/icon-wubianxing-on.png)}
.about-text{margin-top:26px}
.about-text p{text-indent:2em}
.about-more{background:url(../images/more.png);display:block;width:152px;height:51px;line-height:51px;color:#fff;box-sizing:border-box;padding-left:20px;margin-top:40px}
.about-more:hover{color:#fff}
.about-ul{margin-top:70px}
.about-ul li{text-align:center}
.about-ul .img-num{line-height:1}
.about-ul .img-num img{margin:0 auto;vertical-align:baseline}
.about-ul .img-num span{font-size:45px;margin-left:20px;font-weight:bold;color:#083F99}
.about-ul .img-num span:after{content:'+';vertical-align:baseline;font-size:20px}
.about-ul p{font-size:20px}
@media (max-width:1035px){
	.aboutL h1{font-size:26px}
	.about-text{margin-top:20px}
	.about-text p{font-size:14px}
	.about-more{margin-top:30px}
	.about-more:after{display:block}
	.about-ul .img-num span{font-size:40px;margin-left:10px}
	.about-ul p{font-size:18px}
}
@media (max-width:768px){
	#about{margin:30px 0 20px}
	#about:after{display:none}
	.aboutL{width:100%}
	.aboutL h1{font-size:20px}
	.about-lc i{width:50px}
	.about-more{margin-top:20px}
	.about-ul{margin-top:25px}
	.about-ul .img-num img{width:39px}
	.about-ul .img-num span{font-size:26px;margin-left:0px}
	.about-ul p{font-size:16px}
}
@media (max-width:500px){
	.about-ul li{width:50%;margin-bottom:10px}
}

#news{background:#F9F9F9;overflow:hidden;padding:50px 0}
.news-title{text-align:center}
.news-title h2{font-weight:normal;font-size:28px}
.news-title span{font-weight:bold;color:#253783}
.news-title p{color:#666;font-size:18px}
.news-title:after{display:block;content:'';width:40px;height:3px;background:#E85F01;margin:20px auto 0}
.news{margin-top:30px}
.news li.fir{margin-bottom:10px}
.news li.fir a{display:flex;background:#fff;align-items:center}
.news li:not(.fir){width:48%;padding:20px 10px}
.news li a{display:block}
.newsL{display:flex;align-items:center;background:#4D5F9F;width:480px}
.newsL .time{font-size:34px;line-height:1.5;text-align:center;width:186px;color:#fff}
.newsL .time span{display:block;font-weight:bold}
.newsL img{display:block;max-width:100%}
.newsR{flex:1;box-sizing:border-box;padding:0 20px}
.news-t{display:flex;justify-content:space-between}
.news-t span{font-size:20px;font-weight:bold;padding-left:20px;background:url(../images/news-t.png) no-repeat center left}
.news-t time{color:#B1B1B1}
.news .fir .news-t time{display:none}
.news-t i{font-weight:bold;font-style:normal}
.news-desc{font-size:14px;line-height:1.6;margin-top:10px;color:#555;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.news-more{background:url(../images/more.png);display:block;width:152px;height:51px;line-height:51px;color:#fff;box-sizing:border-box;padding-left:20px;margin:40px auto 0}
.news-more:hover{color:#fff}
.hr{width: 100%;border-bottom:1px dashed #999;}
@media (max-width:900px){
	.news-title h2{font-weight:normal;font-size:28px}
	.news-title span{font-weight:bold;color:#253783}
	.news-title p{color:#666;font-size:18px}
	.newsL{width:440px}
	.newsL .time{font-size:26px;width:150px}
}
@media (max-width:768px){
	#news{padding:20px 0}
	.news-title h2{font-size:20px}
	.news-title p{font-size:14px}
	.news li.fir a{background:unset}
	.news li:not(.fir){width:100%;padding:10px 0}
	.news-t span{font-size: 18px;}
	.newsL{display:none}
	.newsR{padding:0}
	.news .fir .news-t time{display:block}
	.news-more{margin-top:10px}
}
@media (max-width:450px){
	.news-t{display: block;}
	.news-t time{display:block}
}